// JavaScript Document
$(function(){

	/*折叠菜单导航栏*/
	$(".nav-parent ul:eq(1)").show();
	$(".parent-li").click(function(){
		/*$(".out p").slideToggle();*/
		$(this).next("ul").slideToggle().siblings("ul").slideUp();//定为当个li标签的下一个ul标签产生切换效果，并且让周边兄弟的ul标签处于隐藏效果。
	});

    /**
	 * 分页
     */
    $(function() {

        pageStart(1);//开始分页

    });

    /**
     * 初始化分页
     * @param pageNum
     */
    function pageStart(pageNum) {//分页函数
        $.ajax({ //去后台查询第一页数据
            url: '/user/comment/manage/r/' + pageNum, //参数：当前页为1
            type: 'GET',
            contentType : "application/json",
            dataType : 'json',
            success : function(data) {
                console.log(data.data.result.list);
                appendArticleHtml(data.data.result.list);//处理第一页的数据
                appendDeleteEvent(data.data.result.list, pageNum); //删除文章

                var options = {//根据后台返回的分页相关信息，设置插件参数
                    bootstrapMajorVersion : 3, //如果是bootstrap3版本需要加此标识，并且设置包含分页内容的DOM元素为UL,如果是bootstrap2版本，则DOM包含元素是DIV
                    currentPage : data.data.result.pageNum, //当前页数
                    totalPages : data.data.result.pages, //总页数
                    numberOfPages : 5,//显示的页码数
                    itemTexts : function(type, page, current) {//设置分页按钮显示字体样式
                        switch (type) {
                            case "first":
                                return "&laquo;";
                            case "prev":
                                return "&lsaquo;";
                            case "next":
                                return "&rsaquo;";
                            case "last":
                                return "&raquo;";
                            case "page":
                                return page;
                        }
                    },
                    onPageClicked : function(event, originalEvent, type, page) {//分页按钮点击事件
                        $.ajax({//根据page去后台加载数据
                            url : "/user/comment/manage/r/" + page,
                            method : "GET",
                            dataType : "json",
                            success : function(data) {
                                console.log(data.data.result.list);
                                var pageNum = data.data.result.pageNum;
                                appendArticleHtml(data.data.result.list);//处理数据
                                appendDeleteEvent(data.data.result.list, pageNum); //删除文章
                            }
                        });
                    }
                };
                if(data.data.result.pages <= 1) return;
                $('#articlePage').bootstrapPaginator(options);//设置分页
            }
        });
    }

    //此函数用于处理后台返回的数据，根据自己需求来实现页面拼接
    function appendArticleHtml(list) {
        var htmlStr = '';
        for (var i = 0; i < list.length; i++) {
            htmlStr += '<div class="article-list-item">';
            htmlStr += '<div class="comment-item">';
            htmlStr += '<div class="title">我&nbsp;对&nbsp;<a href="' + list[i].toUsername + '">' + list[i].toNickname + '</a>&nbsp;进行了回复：</div>';
            htmlStr += '<div class="content">' + list[i].replyContent + '</div></div>';
            htmlStr += '<ul class="item-info-left">';
            htmlStr += '<li>' + list[i].createTime + '</li>';
            htmlStr += '</ul><ul class="item-info-right">';
            htmlStr += '<li><a href="#">删除</a></li>';
            htmlStr += '</ul></div>';
        }
        $('.article-box').html(htmlStr);
    }

    function appendDeleteEvent(list, pageNum) {
        $('.item-info-right li:last-child').each(function (index) {
            var el = $(this);
            $(el).on('click', function () {
                layer.confirm('是否删除该回复？', {
                        btn: ['确定', '取消']
                    }, function() {
                        $.ajax({
                            url: '/user/comment/manage/r/' + list[index].id,
                            method: 'DELETE',
                            contentType: 'application/json;charset=UTF-8',
                            dataType: 'json',
                            success: function (data) {
                                console.log(data.code);
                                if(data.code === 1001)
                                    // $(el).parent().parent().remove();
                                    layer.msg(data.message, {time: 1000});
                                console.log(pageNum);
                                pageStart(pageNum);

                            },
                            error: function () {
                                layer.msg('回调失败', {time: 1000});
                            }
                        });
                    }, function () {
                        return;
                    }
                );
            });
        });

        /*显示隐藏编辑与删除功能*/
        $('.article-list-item').on('mouseover', function(){
            $(this).children('.item-info-right').show();
        })
        $('.article-list-item').on('mouseout', function(){
            $(this).children('.item-info-right').hide();
        })

    }

});


